<template>
  <div class="vH">
    <el-container class="vH cont">
      <el-aside class="padding_10" width="280px">
        <el-card shadow="hover" class="vH box-card maincard">
          <div slot="header" class="clearfix">
            <span>角色列表</span>
          </div>
          <sys10List @rowClick="OnrowClick"></sys10List>
        </el-card>
      </el-aside>
      <el-main class="padding_10">
        <el-card shadow="hover" class="vH box-card maincard">
          <div slot="header" class="clearfix">
            <span>字段列表</span>
          </div>
          <sysAssetA1List :sys10id="data.sys10id"></sysAssetA1List>
        </el-card>
      </el-main>
    </el-container>
  </div>
</template>

<script>
import sysAssetA1List from "./components/sysAssetA1List";
import sys10List from "./components/sys10List";
export default {
  name: "sysAssetA2",
  data() {
    return {
      //页面控制
      page: {},
      //数据
      data: {
        sys10id: ""
      }
    };
  },
  //外部属性
  props: {},
  //内部方法
  methods: {
    initPage() {},
    OnrowClick({ System_10_10 }) {
      this.data.sys10id = System_10_10;
    }
  },
  //组件
  components: { sysAssetA1List, sys10List },
  //初始化 异步加async await
  mounted() {
    this.initPage();
  },
  //计算属性
  computed: {},
  //监视
  watch: {}
};
</script>

<style lang="scss" scoped>
// .box-card {
//   /deep/ .el-card__body {
//     height: 100%;
//   }
// }
.maincard {
  display: flex;
  flex-flow: column;
  /deep/ .el-card__body {
    flex: 1;
  }
}
</style>
